<template>
        <div class="app-download-bar-wrapper2">
            <div class="app-download-bar">
                <div class="app-download-bar-image">
                    <div class="app-download-bar2-image"></div>
                </div>
                <div class="app-download-bar-desc">
                    <div class="app-download-bar-desc-title"><span>更智能</span></div>
                    <div class="app-download-bar-desc-content">
                        <p>支持自助取还车，全程无接触</p>
                        <p>手机就搞定，自在又安心</p>
                    </div>
                </div>
            </div>
        </div>
</template>
<style scoped lang="scss">

.app-download-bar-wrapper2 {
    background: url(https://cars.zuchecdn.com//static/static-img/app-download/bar2-bg.png);
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 2560px;
    margin: 0 auto;
}




.app-download-bar {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    display: flex;
}

.app-download-bar-desc {
    padding-left: 120px;
}

.app-download-bar-image {
    position: relative;
}

.app-download-bar-desc-title {
    letter-spacing: 6px;
    padding-top: 170px;
    font-size: 60px;
    font-weight: 700;
    color: #000;
    position: relative;
    display: inline-block;
}

.app-download-bar-desc-content {
    margin-top: 5px;
    font-size: 24px;
    color: #333;
}

.app-download-bar-desc-title>span {
    z-index: 1;
    position: relative;
}

.app-download-bar-desc-title:after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 10px;
    background: #ffc75d;
    border-radius: 5px;
    bottom: 15px;
    left: 0;
}

.app-download-bar-image {
    position: relative;
}

.app-download-bar2-image {
    background: url(//cars.zuchecdn.com//static/static-img/app-download/bar2-mobile.png) no-repeat;
    width: 449px;
    height: 470px;
    position: relative;
    margin-left: 150px;
    margin-top: 77px;
}
</style>